<template>
  <div id="adListDialog">
    <el-dialog
      class="about-set"
      title="广告位列表"
      :visible.sync="dialogData.isShow"
      width="500px"
      :before-close="labelHandleClose"
    >
      <el-table
        :data="tableData"
        stripe
        style="width: 100%;"
        max-height="490"
        ref="table"
      >
        <el-table-column type="index" width="80" align="center" label="序号">
          <template slot-scope="scope">
            {{ scope.$index + 1 }}
          </template>
        </el-table-column>
        <el-table-column
          label="终端"
          prop="dictLabel"
          width="100"
        ></el-table-column>
        <el-table-column
          label="位置"
          prop="dictValue"
          width="100"
        ></el-table-column>
        <el-table-column
          label="描述"
          prop="remark"
          min-width="100"
        ></el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button type="success" @click="cancelLabel">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { sysNormalDisable } from '@utils/dictionariesFunc'
export default {
  name: 'DialogAddEdit',
  msg: '广告位列表弹窗',
  props: ['dialogData'],
  data() {
    return {
      id: '',
      tableData: [] //广告位列表
    }
  },
  mounted() {
    this.getStatusList()
  },
  methods: {
    async getStatusList() {
      // 广告位列表
      this.tableData = await sysNormalDisable('advertising_space_list')
    },
    labelHandleClose(done) {
      this.cancelLabel()
      done()
    },
    cancelLabel() {
      // 关闭前清空
      this.loading = false
      this.dialogData.isShow = false
    }
  }
}
</script>

<style lang="less">
#adListDialog {
}
</style>
